<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="my" uri="/mytags"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>详情</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/asserts/bootstrap-3.3.7-dist/css/bootstrap.min.css" />

<!-- js插件 -->
<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
<script src="${pageContext.request.contextPath}/asserts/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/asserts/bootstrapValidate/css/bootstrapValidator.min.css" />
<script src="${pageContext.request.contextPath}/asserts/bootstrapValidate/js/bootstrapValidator.min.js"></script>

</head>
<body>
	<div>
		<!-- 导航 -->
		<ol class="breadcrumb">
			<li><i class="fa fa-comment"></i> 国家资助详情</li>
		</ol>
		<div class="container">
			<div class="row">
				<form action="" method="post" class="form-horizontal">
					<!-- 受助项目-->
					<div class="form-group">
						<label class="control-label col-md-3">受助项目：</label>
						<div class="col-md-8">
							<input type="text" name="project" placeholder="${Sub.project}"
								class="form-control" readonly/>
						</div>
					</div>
						 
					<!-- 学校-->
					<div class="form-group">
						<label class="control-label col-md-3">学校：</label>
						<div class="col-md-8">
							<input type="text" name="schid" placeholder="${Sub.school.name}"
								class="form-control" readonly/>
						</div>
					</div>

					<div class="form-group">
						<label class="control-label col-md-3">姓名：</label>
						<div class="col-md-8">
							<input type="text" name="name" placeholder="${Sub.name}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">性别：</label>
						<div class="col-md-8">
							<input type="text" name="sex" placeholder="${Sub.sex}"
								class="form-control" readonly/>
							<!-- <div class="radio">
								<label> <input type="radio" name="sex" value="男" >
									男
								</label> <label> <input type="radio" name="sex" value="女">
									女
								</label>
							</div> -->

						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">年级：</label>
						<div class="col-md-8">
							<input type="text" name="grade" placeholder="${Sub.grade}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">班级：</label>
						<div class="col-md-8">
							<input type="text" name="classes" placeholder="${Sub.classes}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">身份证号：</label>
						<div class="col-md-8">
							<input type="text" name="idcard" placeholder="${Sub.idcard}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">学籍号：</label>
						<div class="col-md-8">
							<input type="text" name="stucode" placeholder="${Sub.stucode}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">受助类别：</label>
						<div class="col-md-8">
							<input type="text" name="type" placeholder="${Sub.type}"
								class="form-control" readonly/>
							<!-- <select name="type" class="form-control">
								<option value="">请选择</option>
								<option value="建档立卡贫困家庭子女">建档立卡贫困家庭子女</option>
								<option value="低保家庭子女">低保家庭子女</option>
								<option value="特困人员">特困人员</option>
								<option value="孤儿">孤儿</option>
								<option value="烈士子女">烈士子女</option>
								<option value="残疾学生">残疾学生</option>
								<option value="其他家庭经济困难学生">其他家庭经济困难学生</option>
							</select> -->
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">详细原因：</label>
						<div class="col-md-8">
							<input type="text" name="descinfo" placeholder="${Sub.descinfo}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">省：</label>
						<div class="col-md-8">
							<input type="text" name="province" placeholder="${Sub.province}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">市：</label>
						<div class="col-md-8">
							<input type="text" name="city" placeholder="${Sub.city}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">县：</label>
						<div class="col-md-8">
							<input type="text" name="xian" placeholder="${Sub.xian}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">镇：</label>
						<div class="col-md-8">
							<input type="text" name="town" placeholder="${Sub.town}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">村（社区、街道）</label>
						<div class="col-md-8">
							<input type="text" name="country" placeholder="${Sub.country}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">组（路）：</label>
						<div class="col-md-8">
							<input type="text" name="countrygroup" placeholder="${Sub.countrygroup}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">家长姓名：</label>
						<div class="col-md-8">
							<input type="text" name="parentname" placeholder="${Sub.parentname}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">与学生关系：</label>
						<div class="col-md-8">
							<input type="text" name="relation" placeholder="${Sub.relation}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">联系电话：</label>
						<div class="col-md-8">
							<input type="text" name="phone" placeholder="${Sub.phone}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">银行卡或存折号：</label>
						<div class="col-md-8">
							<input type="text" name="bankno" placeholder="${Sub.bankno}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">银行名称：</label>
						<div class="col-md-8">
							<input type="text" name="bankname" placeholder="${Sub.bankname}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">资助金额或免学费金额（元）：</label>
						<div class="col-md-8">
							<input type="text" name="amount" placeholder="${Sub.amount}"
								class="form-control" readonly/>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">申请表缩略图：</label> <img
							src="../../img/${Sub.applyfile}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.applyfile}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">认定表缩略图：</label> <img
							src="../../img/${Sub.apply2file}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.apply2file}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">其他家庭经济情况佐证材料缩略图</label> <img
							src="../../img/${Sub.apply3file}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.apply3file}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">学生身份证正面缩略图</label> <img
							src="../../img/${Sub.idcardfile}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.idcardfile}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">学生身份证反面缩略图</label> <img
							src="../../img/${Sub.idcard2file}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.idcard2file}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">学生户口页缩略图</label> <img
							src="../../img/${Sub.stufile}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.stufile}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">学生家庭户口簿家庭成员页缩略图</label> <img
							src="../../img/${Sub.addressfile}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.addressfile}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">家长或监护人户口页缩略图</label> <img
							src="../../img/${Sub.address2file}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.address2file}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					<div class="form-group">
						<label class="control-label col-md-3">银行卡或存折缩略图</label> <img
							src="../../img/${Sub.bankfile}" style="height: 100px; width: 100px;"
							onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
							onmouseout="this.style.cursor='default'"
							onclick="showimage('../../img/${Sub.bankfile}')" data-toggle="modal"
							data-target="#ShowImage_Form" />
					</div>
					
				</form>
			</div>
		</div>

	</div>

	<div id="ShowImage_Form" class="modal fade">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal">
				<span>&times;</span>
			</button>
		</div>
		<div class="modal-body">
			<div id="img_show"></div>
		</div>
	</div>
	<script type="text/javascript">
		//工具方法 获取url的参数
		/* function GetRequest() {
			var url = location.search; //获取url中"?"符后的字串   
			var theRequest = new Object();
			if (url.indexOf("?") != -1) {
				var str = url.substr(1);
				strs = str.split("&");
				for (var i = 0; i < strs.length; i++) {
					theRequest[strs[i].split("=")[0]] = unescape(strs[i]
							.split("=")[1]);
				}
			}
			return theRequest;
		} */

		/* $(function() {
			// 页面加载时  查询 分类 并放入 div中 

			//先获取参数id 根据id查询用户条件
			var Request = new Object();
			Request = GetRequest();
			var empid = Request['id'];

			$.ajax({
				type : "post",
				url : "countrysub/findByIdJson",
				dataType : "JSON",
				//contentType:"text/html;charset=UTF-8", 
				data : "id=" + empid,
				success : function(result) {
					//alert(result);
					$("input[name='project']").attr("placeholder", result.project);
					$("input[name='schid']").attr("placeholder", result.schid);
					$("input[name='name']").attr("placeholder", result.name);
					$("input[name='sex']").attr("placeholder", result.sex);
					$("input[name='grade']").attr("placeholder", result.grade);
					$("input[name='classes']").attr("placeholder", result.classes);
					$("input[name='idcard']").attr("placeholder", result.idcard);
					$("input[name='stucode']").attr("placeholder", result.stucode);
					$("input[name='type']").attr("placeholder", result.type);
					//$("input[name='descinfo']").attr("placeholder", result.descinfo);
					$("input[name='province']").attr("placeholder", result.province);
					$("input[name='city']").attr("placeholder", result.city);
					$("input[name='xian']").attr("placeholder", result.xian);
					$("input[name='town']").attr("placeholder", result.town);
					$("input[name='country']").attr("placeholder", result.country);
					$("input[name='countrygroup']").attr("placeholder", result.countrygroup);
					$("input[name='parentname']").attr("placeholder", result.parentname);
					$("input[name='relation']").attr("placeholder", result.relation);
					$("input[name='phone']").attr("placeholder", result.phone);
					$("input[name='bankno']").attr("placeholder", result.bankno);
					$("input[name='bankname']").attr("placeholder", result.bankname);
					$("input[name='amount']").attr("placeholder", result.amount);
					//$("input[name='parentname']").attr("placeholder", result.parentname);
				}
			})
		}); */
	</script>

</body>
</html>
<script>
	function showimage(source) {
		$("#ShowImage_Form")
				.find("#img_show")
				.html(
						"<center><img src='"+source+"' class='img-responsive img-rounded' /></center>");
		// $("#ShowImage_Form").modal(); 
	}
	 
</script>
